@import './base.scss';
@import './mixin.scss';
.top {
  width: 100%;
  height: 40px;
  background-color: #F6F9FB;
    .topCenter {
      height: 40px;
      width: 1207px;
      margin: 0 auto;
      @include flex($jc: space-between);
        >ul , ol {
          @include flex;
          li {
            margin-right: 20px;
            font-size: 14px;  
            &:last-child {
              margin-right: 0;
            }
            &:hover {
              color: red;
              cursor: pointer;
            }
            a {
              &:hover {
                color: red;
                cursor: pointer;
              }
            }
          }
        }
    }
}
.nav {
  widows: 100%;
  height: 64px;
    .navCenter {
      width: 1207px;
      height: 64px;
      margin: 0 auto;
      @include flex($jc: space-between);
        .img {
          width: 186px;
          height: 50px;
            img {
              display: block;
              width: 100%;
              height: 100%;
            }
        }
        ul {
          @include flex($jc: space-between);
            li {
              margin-right: 12px;
            }
        }
        .search {
          width: 300px;
          height: 36px;
          display: flex;
            input {
              width: 248px;
              height: 36px;
              border: 1px solid #EEEEEE;
              padding-left: 20px;
            }
            button {
              width: 52px;
              height: 38px;
              background-color: white;
              border: 1px solid #EEEEEE;
            }
        }
    }
}